<html lang="en">
<head>
<title>Resuite</title>
<meta name="layout" content="resuite" />

<script type="text/javascript">
		$(function(){
			 $('#package_form, #planner_form').jqTransform({imgPath:'jqtransformplugin/img/'});
            });		
	</script>
<script type="text/javascript">
		$(document).ready(function(){
			$(".box").hover(function(){
				$(this).addClass("alt");
				Cufon.refresh();
			}, function(){
				$(this).removeClass("alt");
				Cufon.refresh();
			});
		});
	</script>
<!--[if lt IE 7]> 
 		<div style=' clear: both; text-align:center;  padding:0 0 0 0px; position: relative;'>
			<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg"  border="0" height="42" width="820" alt="You are using an outdated browser. For a  faster, safer browsing experience, upgrade for free today. /></a>
		</div> 
  <![endif]-->
<!--[if lt IE 9]> 
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
        <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
</head>

<body id="page3">

	<div class="grid_18 z-index2">
		<div class="box3">
			<div class="padding3">
				<h2>Trova la tua casa</h2>

				<form id="package_form">
					<div class="rowElem">
						<div class="extra-wrap">
							<div class="col-1">
								<label>Tipologia</label> <select>
									<option>qualsiasi</option>
									<g:each status="cerca_immobile" var="tipologia" in="${tipologia}">
										<option>${tipologia.nome}</option>
									</g:each>
								</select>
							</div>
							<div class="col-2">
								<label>Zona</label>
								<div class="select1">
									<select>
										<option>qualsiasi</option>
										<g:each status="cerca_immobile" var="immobile" in="${immobili}">
											<option>${immobile.zona}</option>
										</g:each>
									</select>
								</div>
							</div>
							<!-- div class="col-2">
                                                	<label>State</label>
                                                    <div class="select1">
                                                         <select>
                                                            <option>Any</option>
                                                        </select>
                                                    </div>
                                                </div -->
							<div class="col-2">
								<label>cap</label>
								<div class="select1">
									<select>
										<option>qualsiasi</option>
										<g:each status="cerca_immobile" var="immobile" in="${immobili}">
											<option>${immobile.CAP}</option>
										</g:each>
									</select>
								</div>
							</div>

						</div>
						<div class="clear"></div>
					</div>
					<div class="rowElem">
						<div class="extra-wrap form-top">
							<!--  div class="col-1">
								<div class="col-1">
									<label>Camere</label>
									<div class="select2">
										<select>
											<option>--</option>
										</select>
									</div>
								</div>
								<div class="col-2">
									<label>Bagni</label>
									<div class="select2">
										<select>
											<option>--</option>
										</select>
									</div>
								</div>
							</div -->
							<!-- <div class="col-3">
                                                      <label>Richieste Addizionali</label>
                                                     	 <div class="select3">
                                                             <select>
                                                                <option>qualsiasi</option>
                                                            </select>
                                                   		 </div>
                                                </div>
                                                -->
							<div class="col-4">
								<div class="buttons1" style="margin-left: 545px;">
									<a onClick="document.getElementById('package_form').submit()">cerca</a>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</form>
			</div>

			<div class="padding3">
				<h2>Trovare in base ad un'agente di vendita</h2>
				<form id="package_form">
					<div class="rowElem">
						<div class="extra-wrap">
							<div class="col-1">
								<label>Nome</label> 
								<select>
										<option>qualsiasi</option>
										<g:each status="cerca_immobile" var="agente" in="${agenti}">
											<option>${agenti.nome}</option>
										</g:each>
									</select>
							</div>
							<!--  div class="col-2">
								<label>Provincia</label>
								<div class="select1">
									<select>
										<option>provincia</option>
									</select>
								</div>
							</div>
							<div class="col-3">
								<label>Comune</label>
								<div class="select2">
									<select>
										<option>comune</option>
									</select>
								</div>
							</div -->
							<div class="col-4">
								<div class="buttons1" style="margin-left: 388px;">
									<a onClick="document.getElementById('package_form').submit()">cerca</a>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</form>
			</div>
		</div>
		<!-- 
                        <div class="box1-top2">
                        	<div class="box1">
                            	<div class="padding6">
                                	<h2>What's Happening in Your Market?</h2>
                                    <div class="wrapper data-top">
                                    	<div class="grid_8 alpha">
                                        	<div class="data">21.08.2011</div>
                                            Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl.
                                        </div>
                                        <div class="grid_8">
                                        	<div class="data">29.08.2011</div>
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam.
                                        </div>
                                    </div>
                                    <div class="wrapper data-top1">
                                    	<div class="grid_8 alpha">
                                        	<div class="data">25.08.2011</div>
                                            Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo. dolor, lobortis quis.
                                        </div>
                                        <div class="grid_8">
                                        	<div class="data">02.09.2011</div>
                                            Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        -->
		<div class="box3" style="margin-top: 8px;">
			<div class="padding3">
				<h2>Scopri i tassi migliori per il tuo mutuo</h2>

				<form id="package_form">
					<div class="rowElem">
						<div class="extra-wrap">
							<div class="col-1">
								<label>Durata</label> <input type="text" value=""
									style="height: 31px; margin-top: 0px;">
							</div>
							<div class="col-2" style="margin-left: 10px;">
								<label>Tipo Tasso</label>
								<div class="select1">
									<select>
										<option>Tasso Fisso</option>
										<br />
										<option>Tasso Variabile</option>
										<br />
										<option>Tasso Variabile con Rata Costante</option>
										<br />
										<option>Tasso Misto</option>
										<br />
										<option>Tasso Convertibile Fisso-Variabile</option>
										<br />
									</select>
								</div>
							</div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="rowElem">
						<div class="extra-wrap form-top">
							<div class="col-1">
								<div class="col-1">
									<label>Importo</label> <input type="text" value=""
										style="height: 31px; margin-top: 0px;">
								</div>
							</div>
							<div class="col-2" style="margin-left: 10px;">
								<label>Finalita'</label>
								<div class="select2">
									<select>
										<option>Acquisto Abitazione</option>
										<option>Acquisto Locale Commerciale</option>
										<option>Acquisto Ufficio</option>
										<option>Costruzione/Completamento</option>
										<option>Ristrutturazione a S.A.L.</option>
										<option>Ristrutturazione Unica Soluzione</option>
									</select>
								</div>
							</div>
						</div>
						<div class="col-4">
							<div class="buttons1" style="margin-left: 90px;">
								<a href="${createLink(uri: '/site/mutui.gsp')}"
									onClick="document.getElementById('package_form').submit()">Calcola
									rata</a>
							</div>
						</div>
						<div class="clear"></div>
					</div>
				</form>
			</div>
		</div>
		<div class="box1-top1">
			<div class="box1">
				<div class="padding2">
					<div class="wrapper">
						<h2 class="fleft">elenco case</h2>
						<!-- ul class="list1">
							<li class="last">ricerca attraverso:</li>
							<li><a href="#">Data</a></li>
							<li><a href="#">Prezzo</a></li>
							<li><a href="#">centralita alla citta</a></li>
							<li class="last last1"><a href="#">Metri quadri</a></li>
						</ul -->
					</div>
					<!-- CICLO PER RICERCA CASE ANCHE IN BASE A DIFFERENTI OPZIONI -->
				<g:each status="cerca_immobile" var="immobile" in="${immobili}">
					<g:if test="${ (cerca_immobile  == 0 )}">
					<div class="wrapper img-top1">
						<div class="grid_11 alpha">
							<div class="wrapper">
								<img src="${createLink(controller:'site', action:'viewImage', id:immobile.anteprima.id)}"
											 alt="" class="img-indent1">
										<div class="extra-wrap1">
											<div class="title title-bot">${immobile.indirizzo}</div>
											Immobile In Vendita: € ${immobile.prezzo}<br>
											Metri quadri: ${immobile.metriQuadri}<br> Giorni sul sito: 30
										</div>
							</div>
						</div>
						<div class="grid_3">
							<ul class="list2 list2-pad">
								<li><a href="#" class="list2-img1">Mappa</a></li>
								<li><a href="#" class="list2-img2">Salva</a></li>
								<!-- li><a href="#" class="list2-img3">Compara</a></li -->
							</ul>
						</div>
					</div>
					<div class="border"></div>
					</g:if>
					<g:if test="${ (cerca_immobile  == 1 )}">
					<div class="wrapper">
						<div class="grid_11 alpha">
							<div class="wrapper">
								<img src="${createLink(controller:'site', action:'viewImage', id:immobile.anteprima.id)}"
											 alt="" class="img-indent1">
										<div class="extra-wrap1">
											<div class="title title-bot">${immobile.indirizzo}</div>
											Immobile In Vendita: € ${immobile.prezzo}<br>
											Metri quadri: ${immobile.metriQuadri}<br> Giorni sul sito: 30
										</div>
							</div>
						</div>
						<div class="grid_3">
							<ul class="list2 list2-pad">
								<li><a href="#" class="list2-img1">Mappa</a></li>
								<li><a href="#" class="list2-img2">Salva</a></li>
								<!-- li><a href="#" class="list2-img3">Compara</a></li -->
							</ul>
						</div>
					</div>
					</g:if>
				</g:each>
					<a href="${createLink(uri: '/lista_immobili')}" class="link1 link1-top1" style="margin-left: 537px;">...continua</a>
			</div>
		</div>


	</div>

	<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
